// 管理用户数据相关
import { defineStore } from "pinia";
import { ref } from "vue";
import { loginApi } from "@/apis/user";
import { useCartStore } from "./cartStore";
import { mergeCartAPI } from "@/apis/cart";

export const useUserStore = defineStore(
  "user",
  () => {
    const cartStore = useCartStore();
    // 1.定义用户数据state
    const userInfo = ref({});
    // 2.定义获取用户数据的action函数
    const getUserInfo = async ({ account, password }) => {
      // 接口需要两个参数，而form中有三个参数，可通过解构赋值获取
      const res = await loginApi({ account, password });
      userInfo.value = res.result;
      console.log(userInfo.value);
      // 在登录后，将本地存储的购物车列表与服务器合并
      // map函数将数组中的对象提取需要的属性进行返回
      mergeCartAPI(
        cartStore.cartList.map((item) => {
          return {
            skuId: item.skuId,
            selected: item.selected,
            count: item.count,
          };
        })
      );
      // 合并成功后，重新获取购物车列表
      cartStore.updateNewCartList();
    };
    // 退出时清除用户信息
    const clearUserInfo = () => {
      userInfo.value = {};
      // 退出时同时清空购物车列表
      cartStore.clearCart();
    };
    // 3.将state和action函数return出去
    return {
      userInfo,
      getUserInfo,
      clearUserInfo,
    };
  },
  {
    persist: true,
  }
);
